<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit|ie-stand|ie-comp">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>值周值日管理首页</title>
    <link rel="stylesheet" href="../../CSS/Help_Content.css">
    <script src="../../Scripts/jquery-1.12.4.min.js"></script>
    <script src="../../Scripts/Htmlcommon.js" type="text/javascript"></script>
</head>

<body>
    <div class="help_container">
        <!--标题这里直接使用类名，进行加粗和字体大小的设置 start-->
        <div class="content_title">
            值周值日管理首页
        </div>
        <!--标题 end-->
        <!--说明 start-->
        <div class="introduce">
            <!--说明的标题通过类名进行加粗 start-->
            <div class="introduce_title">
                说明：
            </div>
            <!--说明的标题 end-->
            <!--说明内容全部左起空两个字符 start-->
            <div class="introduce_content">
                1、有值周值日管理应用管理权限的管理员可以选择学期进行某个学期的值周值日的安排与发布，并且可以进行相应的值周（2个类型）/值日（3个类型）表的创建,进行创建之后可以进行值周周次/值日日期的添加以及相关人员的安排。<br />
                2、管理员可以选择相关的值日/值周表进行详情查看，也可以点击表名右侧的删除图标进行删除表，如需修改表名，只需要选中某个表，然后点击右侧整块内容区域的表名称，即可进行修改，再停止输入后3秒，自动保存。<br />
                3、安排完成后可以直接发布相关日期/周次，也可以进行保存，以便后续更新处理，也可以将已经发布的内容撤回，查询编辑后再发布或删除。<br />
                4、管理员可以点击提醒今日老师值周/值日，会自动推送到消息系统提醒相关老师。<br />
                5、管理员可以点击提醒设置打开窗口，在其中编辑相关的提醒时间，提醒事项，以及适用时间范围（周一到周日），设置完成后系统会自动提醒。<br />
                6、点击记录表设置，会打开一个窗口，显示当前值周/值日表所关联的记录表，若有关联的记录表，（点击表名会打开新页面，定位至记录表模块，并定位至该记录表。若无相关记录表），(
                点击打开新页面，定位至记录表模块，打开新增记录表弹窗)。<br />
                7、用户也可以使用相关模板进行值周/值日的导入，也可以选择相关的值周/值日表进行内容导出。
            </div>
            <!--说明内容 end-->
        </div>
        <!--说明 end-->
        <div class="terminal">
            <!-- PC端或者其他端的标题的样式类名-->
        </div>
        <div class="terminal_content">
            <!--pc端或者其他端的内容区域的类名-->
            <div class="text">
                <!--正常的文档，类名为text，从左侧开始。-->
                一、值周值日管理首页：
            </div>
            <!--居中图片 start-->
            <img src="./images/值周值日管理首页.jpg" class="text_img" alt="">
            <!--图片想要居中的话，加一个类名text_img-->
            <!--居中图片 end-->
            <!--图片下方的介绍小字 start-->
            <div class="img_introduce">
                <!--居中的图片下方小字进行图片介绍，类名为img_introduce-->
                图1 值周值日管理首页
            </div>
            <!--pc端或者其他端的内容区域的类名-->
            <div class="text">
                <!--正常的文档，类名为text，从左侧开始。-->
                二、创建值周安排表页面：
            </div>
            <!--居中图片 start-->
            <img src="./images/创建值周安排表.jpg" class="text_img" alt="">
            <!--图片想要居中的话，加一个类名text_img-->
            <!--居中图片 end-->
            <!--图片下方的介绍小字 start-->
            <div class="img_introduce">
                <!--居中的图片下方小字进行图片介绍，类名为img_introduce-->
                图2 创建值周安排表
            </div>
            <!--pc端或者其他端的内容区域的类名-->
            <div class="text">
                <!--正常的文档，类名为text，从左侧开始。-->
                三、创建值日安排表页面：
            </div>
            <!--居中图片 start-->
            <img src="./images/创建值日安排表.jpg" class="text_img" alt="">
            <!--图片想要居中的话，加一个类名text_img-->
            <!--居中图片 end-->
            <!--图片下方的介绍小字 start-->
            <div class="img_introduce">
                <!--居中的图片下方小字进行图片介绍，类名为img_introduce-->
                图3 创建值日安排表
            </div>
            <!--pc端或者其他端的内容区域的类名-->
            <div class="text">
                <!--正常的文档，类名为text，从左侧开始。-->
                四、提醒设置页面：
            </div>
            <!--居中图片 start-->
            <img src="./images/提醒设置.jpg" class="text_img" alt="">
            <!--图片想要居中的话，加一个类名text_img-->
            <!--居中图片 end-->
            <!--图片下方的介绍小字 start-->
            <div class="img_introduce">
                <!--居中的图片下方小字进行图片介绍，类名为img_introduce-->
                图4 提醒设置
            </div>
            <!--pc端或者其他端的内容区域的类名-->
            <div class="text">
                <!--正常的文档，类名为text，从左侧开始。-->
                五、记录表设置页面：
            </div>
            <!--居中图片 start-->
            <img src="./images/记录表设置.jpg" class="text_img" alt="">
            <!--图片想要居中的话，加一个类名text_img-->
            <!--居中图片 end-->
            <!--图片下方的介绍小字 start-->
            <div class="img_introduce">
                <!--居中的图片下方小字进行图片介绍，类名为img_introduce-->
                图5 记录表设置
            </div>
            <!--pc端或者其他端的内容区域的类名-->
            <div class="text">
                <!--正常的文档，类名为text，从左侧开始。-->
                六、值周/值日内容设置页面：
            </div>
            <!--居中图片 start-->
            <img src="./images/内容设置.jpg" class="text_img" alt="">
            <!--图片想要居中的话，加一个类名text_img-->
            <!--居中图片 end-->
            <!--图片下方的介绍小字 start-->
            <div class="img_introduce">
                <!--居中的图片下方小字进行图片介绍，类名为img_introduce-->
                图6 值周/值日内容设置
            </div>
            <!--pc端或者其他端的内容区域的类名-->
            <div class="text">
                <!--正常的文档，类名为text，从左侧开始。-->
                七、一键排班页面：
            </div>
            <!--居中图片 start-->
            <img src="./images/一键排班.jpg" class="text_img" alt="">
            <!--图片想要居中的话，加一个类名text_img-->
            <!--居中图片 end-->
            <!--图片下方的介绍小字 start-->
            <div class="img_introduce">
                <!--居中的图片下方小字进行图片介绍，类名为img_introduce-->
                图7 一键排班
            </div>
            <!--pc端或者其他端的内容区域的类名-->
            <div class="text">
                <!--正常的文档，类名为text，从左侧开始。-->
                八、一键排班人员设置页面：
            </div>
            <!--居中图片 start-->
            <img src="./images/一键排班人员设置.jpg" class="text_img" alt="">
            <!--图片想要居中的话，加一个类名text_img-->
            <!--居中图片 end-->
            <!--图片下方的介绍小字 start-->
            <div class="img_introduce">
                <!--居中的图片下方小字进行图片介绍，类名为img_introduce-->
                图8 一键排班人员设置
            </div>
            <!--pc端或者其他端的内容区域的类名-->
            <div class="text">
                <!--正常的文档，类名为text，从左侧开始。-->
                九、排版结果确认页面：
            </div>
            <!--居中图片 start-->
            <img src="./images/排版结果确认.jpg" class="text_img" alt="">
            <!--图片想要居中的话，加一个类名text_img-->
            <!--居中图片 end-->
            <!--图片下方的介绍小字 start-->
            <div class="img_introduce">
                <!--居中的图片下方小字进行图片介绍，类名为img_introduce-->
                图9 排版结果确认
            </div>
        </div>

    </div>
</body>

</html>